<html>
<head>
    <meta charset="UTF-8">
    <title>户学教育</title>
    <meta name="keywords" content="户学教育">
    <meta name="Description" content="户学教育"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,  user-scalable=0"/>
    <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/idangerous.swiper.css?t={time()}.{rand(10000,9999999)}">
    <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/common.css?t={time()}.{rand(10000,9999999)}">
    <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/mine.css?t={time()}.{rand(10000,9999999)}"/>
    <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/elective_center.css?t={time()}.{rand(10000,9999999)}"/>

    <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/paging.css?t={time()}.{rand(10000,9999999)}"/>

    <script src="{HOME_THEME_PATH}../gw/js/jquery.min.js?t={time()}.{rand(10000,9999999)}"></script>
    <script type="text/javascript"t src="{THEME_PATH}js/dialog-plus.js?t={time()}.{rand(10000,9999999)}"></script>
    <script type="text/javascript" src="{THEME_PATH}js/jquery.artDialog.js?t={time()}.{rand(10000,9999999)}&skin=default"></script>
    <script type="text/javascript" src="{THEME_PATH}js/dayrui.js?t={time()}.{rand(10000,9999999)}"></script>
    <script type="text/javascript" src="{HOME_THEME_PATH}../gw/js/le_include_head.js?t={time()}.{rand(10000,9999999)}"></script>
    <script type="text/javascript" src="{HOME_THEME_PATH}../gw/js/elective_center.js?t={time()}.{rand(10000,9999999)}"></script>
    <link rel="icon" href="{HOME_THEME_PATH}../gw/img/f-logo.png" type="image/png" sizes="16x16">


    <script name="baidu-koubei-verification" src="//ikoubei.baidu.com/embed/58ea9664cf897d52f78ec69fff1379d6"></script>


</head>
<body class="elective_center">
<div class="main">
    <!-- 头部 -->
    {template "../gw/common.html"}
    <div class="part part1">
        <div class="part-cont">
            <!-- 目录 -->
            <div class="menu-items">
                <a class="menu-item" href="{dr_user_url('home/index')}">个人中心</a>
                <a class="menu-item le-my-order " href="{dr_user_url('pay/myorder')}">我的订单</a>
                 <a class="menu-item" href="{dr_user_url('pay/electivecenter')}">选课中心</a>
                <a class="menu-item" href="{dr_user_url('pay/changepassword')}">修改密码</a>
            </div>
            <!-- 内容 -->
            <div class="cont-items">
                <div class="cont-item count-order">
                    <!-- 订单页面标题 -->
                    <div class="cont4-title">
                        <div class="cont4-main-title">选课中心</div>
                    </div>
                    <!-- 订单内容 -->
                    <div class="cont4-conts">
                            <form id="elective_center_select">
                                <select class="select-item" name="grade">
                                    <option value="">年级</option>
                                    {loop $stages $key $vals}
                                    <option value="{$vals}" {if $vals == $param['grade']}selected{/if}>{$vals}</option>
                                    {/loop}
                                </select>
                                <select class="select-item" name="subject">
                                    <option value="">科目</option>
                                    {loop $subjects $k $sub}
                                    <option value="{$sub}" {if $sub == $param['subject']}selected{/if}>{$sub}</option>
                                    {/loop}
                                </select>
                                <select class="select-item" name="course_type">
                                    <option value="">课程类型</option>
                                    {loop $course_type  $type}
                                     <option value="{$type}" {if $type == $param['course_type']}selected{/if}>{$type}</option>
                                    {/loop}
                                    <!--<option value="预约">预约</option>-->
                                    <!--<option value="直播中">直播中</option>-->
                                    <!--<option value="录播课程">录播课程</option>-->
                                </select>
                            </form>
                        </div>

                        <div class="cont4-cont-body">
                            <div class="cont-list">
                                {if count($list)>0}
                                    {loop $list $course}
                                <div class="class-box">
                                    <div class="class-box-content">
                                        <div class="class-head">
                                            <div class="head-img">
                                                <img src="{if empty($course['cover'])}{HOME_THEME_PATH}../gw/img/class-demo-pic.png {else}{$course['cover']}{/if}" alt="" width="271" height="186">
                                            </div>
                                            <div class="head-title">
                                                <div class="main-title">{$course['title']}</div>
                                                <div class="sub-title">{$course['course_type']}/{$course['grade']}/{$course['subject']}</div>
                                            </div>
                                        </div>
                                        <div class="class-content">
                                            <div class="abbreviation">{$course['aux_title']}</div>
                                            <div class="main-word">
                                                <p>{$course['content']}</p>
                                            </div>
                                            <div class="price">
                                                <div class="del-price">
                                                    <span class="dolor">{$course['market_price']}</span>
                                                    <span class="sign"><!-- 元 --></span>
                                                </div>
                                                <div class="org-price">
                                                    <span class="sign">¥</span>
                                                    <span class="dolor">{$course['course_price']}</span>
                                                </div>
                                            </div>
                                             <a class="buy" href="{dr_user_url('pay/electivecenterOrdercheck',array('course_id'=>$course['id']))}">立即抢购</a>
                                        </div>
                                    </div>
                                    <div class="class-box-cover"></div>
                                </div>
                                    {/loop}
                                {/if}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="paging">
    <div id="pages"><a>{fc_lang('共%s条', $total)}</a>{$pages}</div>
    <!--
    <ul class="pager">
        <li><a href="#" >首页</a></li>
        <li><a href="#">上一页</a></li>
        <li><a href="#" class="active">1</a></li>
        <!--  <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">下一页</a></li>
        <li><a href="#">尾页</a></li>
    </ul>
     -->
</div>



    <!-- 页尾 -->
    {template "../gw/footer.html"}
</div>


<!-- 滑动验证窗口 -->
<div class="slide-box">
    <div class="slide-box-wrap">
        <div class="foo-box">
            <div id="foo"></div>
        </div>
    </div>
</div>

</body>
<script src="{HOME_THEME_PATH}../gw/js/idangerous.swiper.min.js?t={time()}.{rand(10000,9999999)}"></script>
<!--<script src="{HOME_THEME_PATH}../gw/js/area.js?t={time()}.{rand(10000,9999999)}"></script>-->
<!--<script src="{HOME_THEME_PATH}../gw/js/alloy-crop.js?t={time()}.{rand(10000,9999999)}"></script>-->
<script src="{HOME_THEME_PATH}../gw/js/lrz.mobile.min.js?t={time()}.{rand(10000,9999999)}"></script>
<script src="{HOME_THEME_PATH}../gw/js/mine.js?t={time()}.{rand(10000,9999999)}"></script>
<script src="{HOME_THEME_PATH}../gw/js/iscroll.js?t={time()}.{rand(10000,9999999)}"></script>
<script src="{HOME_THEME_PATH}../gw/js/unlock.js?t={time()}.{rand(10000,9999999)}"></script>
<script src="{HOME_THEME_PATH}../gw/js/jquery.slideunlock.min.js?t={time()}.{rand(10000,9999999)}"></script>
<script>
$(function () {
    $("select[name='grade']").change(function () {
        var grade = $(this).val();
        var subject = $("select[name='subject']").val();
        var course_type = $("select[name='course_type']").val();
        window.location.href = "index.php?s=user&c=pay&m=electivecenter&grade="+grade+"&subject="+subject+"&course_type="+course_type;

    });
    $("select[name='subject']").change(function () {
        var subject = $(this).val();
        var grade = $("select[name='grade']").val();
        var course_type = $("select[name='course_type']").val();
        window.location.href = "index.php?s=user&c=pay&m=electivecenter&subject="+subject+"&subject="+subject+"&course_type="+course_type;

    });
    $("select[name='course_type']").change(function () {
        var course_type = $(this).val();
        var grade = $("select[name='grade']").val();
        var subject = $("select[name='subject']").val();
        window.location.href = "index.php?s=user&c=pay&m=electivecenter&course_type="+course_type+"&subject="+subject+"&grade="+grade;

    });
});
</script>
</html>